<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<title></title>
<%
	String path = request.getContextPath();
	// 获得本项目的地址(例如: http://localhost:8080/MyApp/)赋值给basePath变量 
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	// 将 "项目路径basePath" 放入pageContext中，待以后用EL表达式读出。 
	pageContext.setAttribute("basePath", basePath);
	//out.write(basePath);
%>

<!-- Bootstrap core CSS -->
<link href="<%=basePath%>bootstrap3/css/bootstrap.min.css"
	rel="stylesheet">
<link href="data:text/css;charset=utf-8,"
	data-href="<%=basePath%>bootstrap3/css/bootstrap-theme.min.css"
	rel="stylesheet" id="bs-theme-stylesheet">
<link href="<%=basePath%>bootstrap3/css/docs.min.css" rel="stylesheet">

<script src="<%=basePath%>bootstrap3/js/jquery.min.js"></script>

<script src="<%=basePath%>bootstrap3/js/bootstrap.min.js"></script>

<script src="<%=basePath%>bootstrap3/js/docs.min.js"></script>

<script src="<%=basePath%>bootstrap3/js/ie10-viewport-bug-workaround.js"></script>

<style type="text/css">
#heads {
	height: 100px;
	width: 100%;
	background: olive;
	margin-left: auto;
	margin-right: auto;
}
</style>
<script type="text/javascript">
	function checkCard() {
		var userCard = document.getElementById("userSlefCard").value;
		var friendCard = document.getElementById("card").value;
		if (userCard == friendCard) {
			alert("自己充值请点击网上缴费~~")
			return false;
		} else {
			return true;
		}
	}
</script>
</head>

<body>
	<input type="hidden" id="userSlefCard"
		value="${sessionScope.user.usercard }">
	<div id="heads">
		<div style="height: 10px;"></div>
		<div
			style="height: 100px; width: 60%; margin-left: auto; margin-right: auto;">
			<h1>
				<span class="glyphicon glyphicon-copyright-mark"></span>&nbsp;&nbsp;&nbsp;&nbsp;帮&nbsp;助&nbsp;好&nbsp;友&nbsp;缴&nbsp;费
			</h1>
		</div>
	</div>
	<form role="form"
		action="<%=basePath%>netuser/userHelpPersonSelect.action">
		<div class="form-group" align="center">
			<label for="inputPassword" class="col-md-1 control-label"><font
				size="5"> 卡号：</font></label>
			<div class="col-md-3">
				<input type="text" class="form-control" id="card" name="card"
					placeholder="用户卡号~" style="height: 45px;">
			</div>
		</div>
		<button type="submit" class="btn btn-primary btn-lg"
			style="height: 45px;" onclick="return checkCard();">查&nbsp;&nbsp;询</button>
	</form>
	<hr />
	<c:if test="${sessionScope.friend!=null }">
		<form role="form" action="<%=basePath%>netuser/helpPersonPay.action">
			<div align="center">
				<div class="row share-box-mobile show-grid">
					<div class="col-md-3">
						<font size="5" color="#303E51">户主：</font>
					</div>
					<div class="col-md-3" style="height: 56px;">
						<font size="5">${sessionScope.friend.username} </font>
					</div>
					<div class="col-md-3">
						<font size="5" color="#303E51">余额：</font>
					</div>
					<div class="col-md-3" style="height: 56px;">
						<font size="5">${sessionScope.friend.useradmin}RMB</font>
					</div>
				</div>
			</div>
			<hr />
			<div class="row">
				<div class="col-md-4"></div>
				<div class="col-md-6">
					<button type="submit" class="btn btn-danger btn-lg"
						style="height: 60px; width: 150px">&nbsp;&nbsp;缴&nbsp;&nbsp;费&nbsp;&nbsp;</button>
				</div>
			</div>
		</form>
	</c:if>
</body>

</html>